<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>树形下拉框</title>
<link rel="stylesheet" type="text/css"
  href="${pageContext.servletContext.contextPath}/jquery-easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="${pageContext.servletContext.contextPath}/jquery-easyui/themes/icon.css">
<script type="text/javascript" src="${pageContext.request.contextPath}/jquery-easyui/jquery.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/jquery-easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/jquery-easyui/locale/easyui-lang-zh_CN.js"></script>
</head>
<body>
  <div>
    <select class="easyui-combotree" style="width: 200px;"
      data-options="url: '${pageContext.request.contextPath}/view/datagrid-and-tree/tree.json', required: true"></select>
  </div>
  <div>
    <select id="select-combotree" style="width: 200px"></select>
  </div>
  <div>
    <input id="input-combotree">
  </div>
  <script type="text/javascript">
    $(function () {
      $("#select-combotree").combotree({
        url : "${pageContext.request.contextPath}/view/datagrid-and-tree/tree.json",
        required : true
      })
      $("#input-combotree").combotree({
        url : "${pageContext.request.contextPath}/view/datagrid-and-tree/tree.json",
        required : true
      })
    })
  </script>
</body>
</html>